<template>
  <view class="help">
    <image
      class="help-header"
      src="/static/images/ucenter/header.jpg"
      mode="scaleToFill"
    />
    <view class="help-card">
      <view class="help-card-title">
        <text class="help-card-title-text">帮助中心</text>
      </view>

      <view class="section-title">
        <text class="section-title-text"> 1.售后服务</text>
      </view>

      <view class="content">
        本产品价格为会员价格，若付款成功后，功能无法使用，可联系客服退款处理，由于产品为线上服务类产品，若无功能问题，概不退款。</view
      >
      <view class="section-title">
        <text class="section-title-text"> 2.联系客服</text>
      </view>
      <view class="content">
        若您遇到问题，可联系在线客服处理，也可留言或者发送邮件到><a
          :href="'mailto:' + $config.email"
          >{{ $config.email }}</a
        >。</view
      >

      <view class="section-title">
        <text class="section-title-text"> 3.提示网络异常</text>
      </view>
      <view class="content"> 提示网络异常请刷新网页，如刷新仍提醒网络异常则需要清除浏览器。</view>

      <view class="section-title">
        <text class="section-title-text"> 4.支付问题</text>
      </view>
      <view class="content"> 如遇支付成功，但是会员充值未到账，请提供订单编号联系客服处理。</view>
    </view>
    <comm-beian></comm-beian>
    <comm-fix-footer></comm-fix-footer>
  </view>
</template>

<script>
  export default {
    name: "Contact",
    data() {
      return {};
    },

    methods: {},
  };
</script>

<style lang="scss" scoped>
  .help {
    display: flex;
    flex-direction: column;
    align-items: center;
    &-header {
      width: 750rpx;
      height: 400rpx;
      position: relative;
      z-index: 1;
    }

    &-card {
      position: relative;
      z-index: 2;
      margin-top: -90rpx;
      display: flex;
      flex-direction: column;
      justify-content: center;

      width: 680rpx;
      background: rgba($color: #fff, $alpha: 0.85);
      padding: 30rpx;
      border-radius: $border-radius;
      box-shadow: $box-shadow;

      &-title {
        text-align: center;
        margin-bottom: 30rpx;
        font-size: 36rpx;
        font-weight: bold;
      }
    }

    .content {
      line-height: 1.8;
      p {
        margin-bottom: 20rpx;
      }
    }
  }
</style>
